﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>布局篇</title>
    <link href="Contents/themes/default/style.css" rel="stylesheet" type="text/css" />
    <link href="Contents/themes/css/core.css" rel="stylesheet" type="text/css" /> 
    <link href="Contents/themes/example.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="Scripts/Darren.Core.js" type="text/javascript"></script>
    <script src="Scripts/Darren.control.js" type="text/javascript"></script>
    <script src="Scripts/Darren.Layout.js" type="text/javascript"></script>
    <script src="Scripts/Darren.Accordion.js" type="text/javascript"></script>
    <script src="Scripts/Darren.Shadow.js" type="text/javascript"></script>
    <script src="Scripts/Darren.Combo.js" type="text/javascript"></script>
    <script type="text/javascript">
        Sw.Namespace("Sw.WebUI.Page");
        var P = Sw.WebUI.Page=Sw.emptyFn;
        Sw.apply(P.prototype, {
            showSysTime: function(render) {
                var dt = new Date();
                var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
                var strWeek = arr_week[dt.getDay()];
                var strHour = dt.getHours();
                var strMinutes = dt.getMinutes();
                var strSeconds = dt.getSeconds();
                if (strMinutes < 10) strMinutes = "0" + strMinutes;
                if (strSeconds < 10) strSeconds = "0" + strSeconds;
                var strYear = dt.getFullYear() + "年";
                var strMonth = (dt.getMonth() + 1) + "月";
                var strDay = dt.getDate() + "日";
                var strTime = strHour + ":" + strMinutes + ":" + strSeconds;
                $(render).html("<span>欢迎您,<label id=\"LoginUser\" style=\"color:#2F40B5;\">DarrenYan</label>&nbsp;&nbsp;现在是：" + strYear + strMonth + strDay + "&nbsp;" + strTime + "&nbsp;&nbsp;" + strWeek + "</span>");
            }
          
        });
        $(function() {
            var layoutPage = new P();
            layoutPage.showSysTime("#nav-systimer");
            $("#sw-container").Layout();
            var accordionOptions =
            {
                items: [
                     { className: "circle", title: "界面控件", html: $("#divUIControl").parent().html() },
                     { className: "circle", title: "表单控件", html: "表单控件" },
                     { className: "circle", title: "常用布局", html: "常用布局" }
                   ],
                active: 0,
                parent: true

            }
            $("#sw-accordion").accordion(accordionOptions);
            $(window).resize(function() {
                $("#sw-container").Layout();
            });
            $("#btnCombox").click(function() {

               // Sw.LoadPage("shadow.htm", { timer: new Date().getMilliseconds() }, showComboxPage);

            });
            $("#btnUserControlList").click(function() {

            $("#ifrMainContent").attr("src", "/Views/Deparment/List.aspx");

        });
        $("#btnJtemplate").click(function() {

        $("#ifrMainContent").attr("src", "jtemplate.htm");

        });
                   
            function showComboxPage(data) {
                $("#centercontent").html(data);

            }
        });
    </script>
    
</head>
<body>
 <div id="sw-container" class="sw-container">
       <div id="sw-header" class="sw-header">
         <div class="header-title">控件示例库</div>
       </div>
       <div id="sw-nav" class="sw-nav">
           <div class="nav-systimer" id="nav-systimer"></div>
           <div class="clear"></div>
       </div>
       <div id="sw-main" class="sw-main">
         <div id="leftside">
           <div id="sw-accordion">	
              <div id="divUIControl">
              <ul>
                  <li><a id="btnCombox" title="combox控件示例"><span>combox控件示例</span></a></li>
                   <li><a id="btnUserControlList" title="UserControl无刷新分页"><span>UserControl无刷新分页</span></a></li>
                    <li><a id="btnJtemplate" title="jTemplate无刷新分页"><span>jTemplate无刷新分页</span></a></li>
              </ul>
              
              </div>
		   </div>
         
         </div>
		 <div id="centercontent">
           <iframe id="ifrMainContent" name="ifrMainContent" frameborder="0" scrolling="auto" src="edit.htm"  height="100%" width="100%"></iframe>     
		 </div>
		 <div class="clear"></div>
       </div>
       <div id="sw-footer" class="sw-footer">
        <div class="copyright">Copyright &copy; 2010 DarrenYan 保留所有权利</div>
        <div class="version">Powered by DarrenSoft  1.0.0,<a href="http://www.cnblogs.com/doublecc/">我的BLOG</a></div>
       </div>    
 </div>
</body>
</html>
